<template lang="html">
	<div :class="[$style.header,cname]">
		<slot></slot>
		<svg :class="$style.backIcon" @click.stop="goBack" class="icon" aria-hidden="true">
		  <use xlink:href="#icon-back"></use>
		</svg>
	</div>
</template>
<script>
	export default {
		props: {
			cname: {
				type: String,
				default: ''
			}
		},
		methods: {
			goBack() {
				this.$router.back();
			}
		}
	}
</script>
<style lang="scss" module>
	.header {
		width: 100%;
		height: 110px;
		line-height: 110px;
		position: relative;
		font-size: 38px;
		text-align: center;
		.backIcon {
			width: 56px;
			height: 56px;
			position: absolute;
			left: 10px;
			top: 27px;
		}
	}
</style>